<template>
  <div class="page-index">
    <div class="titles">
      <PageHeader
        title="LP"
        backFilg="true"
        @goBack="backUrl()"
        :list="$route.params.list"
      ></PageHeader>
    </div>


    <div class="bottomList">
     
      <div class="bottomListBox" v-if="active==0">
        <div
          class="bottomListBoxDetail"
          v-for="(item, index) in list"
          :key="index"
          @click="toDetil(item)"
        >
          <div class="bottomListBoxDetailTitle">
            <div class="bottomListBoxDetailTitleLeft">{{ item.name }}</div>
         
          </div>
       
        </div>
      </div>
 
    </div>
  </div>
</template>
  <script>
import PageHeader from "../../../src/components/header";
import { getCarous } from "../../api/index";

export default {
  data() {
    return {
      active: 0,
      LpList: [],
      pageNum: 1,
      pageSize: 6,
      num: [],
      targ: 0,
      queryWorkType:'0',
      queryCount:'0',
      hotNum:'0',
      dynamicNum:'0',
      teamNum:'0',
      followNum:'0',
      list:[]
    };
  },
  filters: {
    getStatus(value) {
      if (value === "0") {
        return "正常";
      } else if (value === "1") {
        return "已作废";
      } else if (value === "2") {
        return "剔除";
      }
    },
  },
  components: {
    PageHeader,
  },
  mounted() {

  },

  computed: {},
  created() {
    this.list = this.$route.params.list;
  },
  methods: {
    toDetil(item){
      awsWebview.openWebview("/portal/r"+item.url.slice(1))
    },
  
    backUrl() {
      this.$router.push({
        name: "lpListTab",
      });
    },
  },
};
</script>
  <style lang="scss" scoped>
.Grid {
  margin: 15px;
  .GridBox {
    text-align: center;
    /* padding: 15px; */
    /* background: #a98080; */
    padding: 5px 10px;
    background: #ffffff;
    .GridTilte {
      font-size: 14px;
      color: #333;
    }
    .GridNum {
      color: #f08c8c;
      font-size: 13px;
      margin-top: 5px;
    }
  }
}
.echarts {
  margin: 15px;
  .echartsTitle {
    font-size: 15px;
    color: #333333;
    font-weight: 700;
    border-bottom: 1px solid #eeeeee;

    padding-bottom: 5px;
  }
  .echartsTab {
    .van-tab--active {
      color: #1684fc !important;
    }
    .van-tabs__line {
      background-color: #1684fc !important;
    }
  }
}
.bottomList {
  .bottomListTitle {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 5px 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    .bottomListTitleLeft {
      color: #333;
      font-weight: 700;
      font-size: 16px;
    }
    .bottomListTitleRight {
      color: #5b45cf;
      font-weight: 700;
      font-size: 14px;
    }
  }
  .bottomListBox {
    padding-bottom: 40px;
    .bottomListBoxDetail {
      border-radius: 5px;
      /* margin: 0 5px; */
      margin: 5px 5px 0 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      .bottomListBoxDetailTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #7cc0ff;
        padding: 4px 8px;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        font-size: 14px;
        color: #ffffff;
      }
      .bottomListBoxDetailList {
        display: flex;
        align-items: center;
        // justify-content: space-around;
        padding: 15px 0;
        .bottomListBoxDetailListLeft {
          margin-left: 10%;
          font-size: 14px;
          flex: 0 0 50%;
          .bottomListBoxDetailListTeam {
            margin-top: 10px;
          }
          .bottomListBoxDetailListLocal {
            margin-top: 10px;
          }
        }
        .bottomListBoxDetailListRight {
          font-size: 14px;
        }
      }
    }
  }
}
</style>
  
  



